<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>长征大学新闻</title>
    <link rel="stylesheet" href="/static/vonder/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/vonder/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="/static/vonder/layui/css/layui.css">
    <link rel="stylesheet" href="/static/fonts/iconfont.css" media="all">
    <link rel="stylesheet" href="/static/vonder/font_et10qcbbi0a/font_et10qcbbi0a/iconfont.css" media="all">
    <link href="/static/vonder/select2/select2.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/static/css/common.css"/>
    <link rel="stylesheet" href="/static/css/setbanner.css">
    <link rel="stylesheet" href="/static/css/model.css"/>
    <script src="/static/vonder/jquery-1.10.2/jquery-1.10.2.min.js"></script>
    <script src="/static/vonder/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src='/static/vonder/layui/layui.all.js'></script>
    <script src="/static/vonder/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/static/vonder/select2/select2.min.js"></script>
    <script type="text/javascript" src="/static/js/common.js"></script>
    <script src="/static/js/jquery.slimscroll.min.js"></script>
    <script src="/static/js/left-side-menu.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="content">
        <!--左侧开始-->
        <#include "../common/left.html" />
        <!-- 左侧结束 -->
        <!--右侧开始-->
        <div class="contentright">
            <div class="rightbox">
                <!-- 右侧头部导航开始 -->
                <div class="navtopbox">
                    <div class="navtop">
                        <img src="/static/images/header/user.png" alt="" class="usericon">Admin
                    </div>
                </div>
                <!-- 右侧头部导航结束 -->
                <!-- 主体开始 -->
                <div class="structure">
                    <div class="mainbox">
                        <div class="structext">长征大学广告</div>
                        <div class="audit bg">
                            <!-- 筛选开始 -->
                            <div class="filterbox">
                                <div class='selectboxs'>
                                    <select name="" id="style">
                                        <option value="0">审核状态</option>
                                        <option value="1" selected>未审核</option>
                                        <option value="2">审核通过</option>
                                        <option value="3">未通过</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline" style="margin-right: 0.3rem;margin-left: 0;">
                                    <input type="text" class="layui-input" id="test1" placeholder="请选择时间">
                                    <img src="/static/images/header/time.png" alt="" class="timeicon">
                                </div>
                                <div class="inputboxs">
                                    <input type="text" placeholder="关键词搜索">
                                    <img src="/static/images/header/search.png" alt="" class="searchicon">
                                </div>
                                <button class="addbtn addbanner">新建广告</button>
                            </div>
                            <!-- 筛选结束 -->
                            <!-- 表格开始 -->
                            <div class="tablebox">
                                <table class="table table-bordered tables" style=" table-layout: fixed;">
                                    <thead>
                                    <tr class="beijing">
                                        <th>序号</th>
                                        <th>缩略图</th>
                                        <th>标题</th>
                                        <th>简介</th>
                                        <th>展示状态</th>
                                        <th>创建时间</th>
                                        <th>审核状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>01</td>
                                        <td><img src="/static/images/header/tableimg.png" alt="" class="slt"></td>
                                        <td class="slh">瑞金关于瓜果蔬菜会</td>
                                        <td class="slh">瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会</td>
                                        <td>
                                            <div class="switchbox">
                                                <div class="bg_con">
                                                    <input id="checked_1" type="checkbox" class="switch"/>
                                                    <label for="checked_1"></label>
                                                    <!-- for和id成对出现时，for属性中的值和绑定id的值一样，点击for里面的元素，跳转到响应的绑定的id标签那里 -->
                                                </div>
                                            </div>
                                        </td>
                                        <td>2020-06-24</td>
                                        <td><span class="pending">未审核</span></td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#adduser">查看</a>
                                            <a href="#" data-toggle="modal" data-target="#del">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>02</td>
                                        <td><img src="/static/images/header/tableimg.png" alt="" class="slt"></td>
                                        <td class="slh">瑞金关于瓜果蔬菜会</td>
                                        <td class="slh">瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会</td>
                                        <td>
                                            <div class="switchbox">
                                                <div class="bg_con">
                                                    <input id="checked_2" type="checkbox" class="switch" checked/>
                                                    <label for="checked_2"></label>
                                                    <!-- for和id成对出现时，for属性中的值和绑定id的值一样，点击for里面的元素，跳转到响应的绑定的id标签那里 -->
                                                </div>
                                            </div>
                                        </td>
                                        <td>2020-06-24</td>
                                        <td><span class="pending">未审核</span></td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#adduser">查看</a>
                                            <a href="#" data-toggle="modal" data-target="#del">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>03</td>
                                        <td><img src="/static/images/header/tableimg.png" alt="" class="slt"></td>
                                        <td class="slh">瑞金关于瓜果蔬菜会</td>
                                        <td class="slh">瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会</td>
                                        <td>
                                            <div class="switchbox">
                                                <div class="bg_con">
                                                    <input id="checked_3" type="checkbox" class="switch"/>
                                                    <label for="checked_3"></label>
                                                    <!-- for和id成对出现时，for属性中的值和绑定id的值一样，点击for里面的元素，跳转到响应的绑定的id标签那里 -->
                                                </div>
                                            </div>
                                        </td>
                                        <td>2020-06-24</td>
                                        <td><span class="pending">未审核</span></td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#adduser">查看</a>
                                            <a href="#" data-toggle="modal" data-target="#del">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>04</td>
                                        <td><img src="/static/images/header/tableimg.png" alt="" class="slt"></td>
                                        <td class="slh">瑞金关于瓜果蔬菜会</td>
                                        <td class="slh">瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会瑞金关于瓜果蔬菜会</td>
                                        <td>
                                            <div class="switchbox">
                                                <div class="bg_con">
                                                    <input id="checked_4" type="checkbox" class="switch" checked/>
                                                    <label for="checked_4"></label>
                                                    <!-- for和id成对出现时，for属性中的值和绑定id的值一样，点击for里面的元素，跳转到响应的绑定的id标签那里 -->
                                                </div>
                                            </div>
                                        </td>
                                        <td>2020-06-24</td>
                                        <td><span class="reviewed">审核通过</span></td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#adduser">查看</a>
                                            <a href="#" data-toggle="modal" data-target="#del">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>05</td>
                                        <td><img src="/static/images/header/tableimg.png" alt="" class="slt"></td>
                                        <td class="slh">瑞金关于瓜果蔬菜会</td>
                                        <td class="slh">樱桃</td>
                                        <td>
                                            <div class="switchbox">
                                                <div class="bg_con">
                                                    <input id="checked_5" type="checkbox" class="switch"/>
                                                    <label for="checked_5"></label>
                                                    <!-- for和id成对出现时，for属性中的值和绑定id的值一样，点击for里面的元素，跳转到响应的绑定的id标签那里 -->
                                                </div>
                                            </div>
                                        </td>
                                        <td>2020-06-24</td>
                                        <td><span class="noreviewed">未通过</span></td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#adduser">查看</a>
                                            <a href="#" data-toggle="modal" data-target="#del">删除</a>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                            <!-- 表格结束 -->
                        </div>


                    </div>
                </div>
                <!-- 主体结束 -->
            </div>
        </div>
        <!-- 右侧结束 -->
    </div>

    <!-- 退出二次确认模态框开始 -->
    <div class="modal fade" id="del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width: 465px;">
            <div class="modal-content" style="width: 465px;">
                <div class="modal-header">
                    <img src="/static/images/modal/close.png" alt="" class="close" data-dismiss="modal"
                         aria-hidden="true">
                    <h4 class="modal-title" id="myModalLabel">
                        提示
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="prompt">您确定要删除吗？</div>
                    <div class="btnboxs" style="padding: 0;text-align: center;">
                        <button class="queding" data-dismiss="modal" aria-hidden="true">确定</button>
                        <button class="quxiao" data-dismiss="modal" aria-hidden="true">取消</button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!-- 退出二次确认模态框结束 -->

</div>
</body>

</html>
<script type="text/javascript">
    // 时间插件
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //日期插件
        laydate.render({
            elem: '#test1'
        });

    });
    // 下拉框
    var style = $('#style').select2();
    $('#style').select2({
        placeholder: '请选择状态',
        minimumResultsForSearch: -1
    });
    // 退出登录
    $(".loginout").click(function () {
        window.location.href = "../login/login.html";
    })
    // 表格未通过透明度设置
    $(".noreviewed").parents('tr').children("td").css("color", "rgba(73,82,103,0.6)");
    // 新建banner跳转
    $(".addbanner").click(function () {
        window.location.href = "addadvert.html";
    })
</script>
